<template>
  <div class="home">
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
      <div v-for="(item,index) in img" :key="index">
          <van-swipe-item >
              <img class="home_img" :src="item.img" />
          </van-swipe-item>
      </div>
    </van-swipe>
    <div class="case_title home_title animated lightSpeedIn">
      <span class="title1">关于我们</span>
      <span class="title2">ABOUT TEAM</span>
    </div>
    <div class="home_content animated lightSpeedIn">
        <p>Boss软件开发团队是专业从事软件系统开发的软件孵化团队，现团队人员8人，在软件开发上具有丰富的经验。</p>
        <p>致力于软件定制开发包括手机APP、小程序、应用系统、大数据系统等。拥有多个项目开发案例，多年的软件开发经验，具有高效率、高质量的能力。</p>
        <p>团队保持工匠精神，用心雕琢研发的产品，服务坚持服务客户为核心，致力满足客户个性化需求，共同发展、实事求是、互利共赢，为客户打造一个安心、放心、省心的软件系统开发服务。</p>
    </div>
  </div>
</template>

<script>
import { setViews } from "@/api/case.js";
    export default {
        components: {
            
        },
        data() {
            return {
                img: [
                    {img: require('@Image/1.jpg')},
                    {img: require('@Image/2.jpg')},
                    {img: require('@Image/4.jpg')},
                    {img: require('@Image/5.jpg')},
                    {img: require('@Image/6.jpg')},
                    {img: require('@Image/7.jpg')},
                ]
            }
        },
        computed: {
            
        },
        watch: {
            
        },

        methods: {
            
        },

        mounted() {
            
        },
        created() {
            setViews().then(res => {
                console.log(res)
            })
        }
    }
</script>

<style lang="scss" scoped>
    .home {
        width: 100%;
        background-color: $color_bg;
        &_title {
            width: 100%;
            height: 100px;
            @extend .flex_center;
            font-size: 46px;
            font-weight: bold;
        }
        &_content {
            margin-top: 30px;
            width: 100%;
            padding: 0 10px;
            word-break:break-all;
            line-height: 50px;
            font-size: 30px;
            margin-bottom: 20px;
            p {
                text-indent: 70px;
            }
        }
        .case_title {
            display: flex;
            flex-direction: column;
            margin-top: 15px;
            .title1 {
                font-size: 46px;
                font-weight: bold;
                }
            .title2 {
                margin-top: 20px;
                font-size: 26px;
                font-weight: bold;
                color: rgb(205, 171, 45);
            }
        }
    }
    .home_img {
        width: 100%;
        height: 450px;
    }
</style>
